.home-page {

  .head-box {
    position: fixed;
    z-index: 999;
    width: 100%;
    line-height: 5em;
    .el-header, .el-footer {
      background-color: @theme-color;
      color: #333;
      text-align: center;
    }
    .img-body {
      border-radius: 50%;
    }
    .search {
      height: 5em;
      .van-search {
        height: 100%;
      }
    }
    .scan {
      height: 5em;
      line-height: 5em;
      display: block;
      i {
        display: block;
        line-height: 2.5em;
      }
    }
  }

  .main-box {
    margin-top: 3.5em;

    .el-main {
      background-color: #E9EEF3;
      color: #333;
      text-align: center;
    }

    .card-box {
      padding: 1%;
      .goods-description {
        span {
          font-size: 1em;
        }
      }
    }

    .time {
      font-size: 0.9em;
      color: #999;
    }

    .bottom {
      margin-top: 0.9em;
      line-height: 0.9em;
    }

    .button {
      padding: 0;
      color: grey;
      float: right;
    }

    .image {
      width: 100%;
      display: block;
    }

    .clearfix:before,
    .clearfix:after {
      display: table;
      content: "";
    }

    .clearfix:after {
      clear: both
    }
  }
}
